<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>掩耳（角色管理）</title>
    <!--引入easyui相关js/css-->
    <link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/default/easyui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/icon.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/color.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/easyui/demo/demo.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/role.css}">
    <script type="text/javascript" th:src="@{/easyui/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/easyui/jquery.easyui.min.js}"></script>
    <script type="text/javascript" th:src="@{/easyui/locale/easyui-lang-zh_CN.js}"></script>
    <script>
        //获取应用根路径
        var ctxPath = '[[@{/}]]';
    </script>
</head>
<body>
<table id="table-role">
</table>
<div id="div_table_bar">
    <a id="btn_add" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
    <a id="btn_edit" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">修改</a>
    <a id="btn_remove" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
</div>
<div id="div_role">
    <form method="post" id="form_role">
        <input type="hidden"id="_method" name="_method">
        <input type="hidden"id="id" name="id">
        <p>角色名称：<input id="roleName" name="roleName"></p>
        <p>角色权限：<input id="auths" name="auths"></p>
        <div id="div_button">
            <a id="btn_submit" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">新增</a>
            <a id="btn_close" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">关闭</a>
        </div>
    </form>
</div>
</body>
<script type="text/javascript" th:src="@{/js/role.js}"></script>
</html>